<script>

/* 
1. 先引进 ref
2. 调用 ref ，变成响应式数据
3. ref调用的话，在 script 里面需要 .value 
4. template自动解套，不需要.value 
*/
import { ref } from 'vue';
export default {
    setup() {
        let money = ref(10000)
        console.log('money -----> ', money);

        const add = () => {
            money.value += 1000
        }
        return { money, add }
    }
}
</script>

<template>
    <div @click="add">vue3 - {{money}}</div>
</template>